<section>

    <!-- #section:pages/faq -->
    <div class="help-content">
        <h3 class="info-title smaller" data-id="#pages/faq">FAQ</h3>

        <div class="info-section">
            <ul class="info-list list-unstyled">
                <li>
                    FAQ page consists of <a href="#elements.tab" class="help-more">tabs</a> and
                    <a href="#elements.accordion" class="help-more">accordions</a> (bootstrap panels):
<pre data-language="html">
 <div class="tabbable">
     <ul id="myTab" class="nav nav-tabs padding-18 tab-size-bigger">
         <li class="active">
             <a href="#faq-tab-1" data-toggle="tab">
                 <i class="blue ace-icon fa fa-question-circle bigger-120"></i>
                 General
             </a>
         </li>
     </ul>

     <div class="tab-content no-border padding-24">
         <div class="tab-pane fade in active" id="faq-tab-1">
             <h4 class="blue">
                 <i class="ace-icon fa fa-check bigger-110"></i> General Questions
             </h4>

             <div class="space-8"></div>

             <div class="panel-group accordion-style1 accordion-style2" id="faq-list-1">
                 list of questions
             </div>
         </div>
     </div>
 </div>
</pre>
                </li>
            </ul>
        </div>
    </div>
    <!-- /section:pages/faq -->
</section>